<!-- 省略页 -->
<template>
	<view class="empty-box">
		<image class="empty-image" :src="url" mode="" />
		<view class="empty-title" :style="{width:width + 'rpx',color:color,fontSize:size + 'rpx'}">{{title}}</view>
	</view>
</template>

<script>
	export default {
		props: {
			url: String,
			title: String,
			width: {
				type: Number,
				default: 260
			},
			color: {
				type: String,
				default: '#A7B0CF'
			},
			size: Number
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.empty-box {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 240rpx;
	}

	.empty-image {
		width: 220rpx;
		height: 220rpx;
		margin-bottom: 20rpx;
	}

	.empty-title {
		/* width: 260rpx; */
		color: #A7B0CF;
		font-size: 30rpx;
		text-align: center;
	}
</style>